<template>
  <div class="wrapper">
    <myHeader :obj="myObj" @events="events"></myHeader>
    <div class="main">
      <div class="myMoney">
        <div class="money">¥23835967.00</div>
        <p class="text3_0314">账户余额</p>
      </div>
      <div class="buttonWrap">
        <button>提现</button>
      </div>
      <div class="catalogue"><i></i>收入明细</div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
      <div class="items">
        <div class="item_l">
          <span>收益</span>
          <time>2018-02-05</time>
        </div>
        <div class="item_r">+12.00</div>
      </div>
    </div>
  </div>
    
</template>
<script>
import myHeader from './base/myHeader'
export default {
  data () {
    return {
      myObj:{
        type: 3,
        text: '我的行家'
      }
      
    }
  },
  methods: {
    events(i){
      if(i == 2){
        history.back();
      }

    }

  },
  components: {
    myHeader
  }
}

</script>
<style lang="less">
.wrapper{
    .main{
      .items {
        width: 100%;
        height: .6rem;
        padding: 0 .15rem;
        box-sizing: border-box;
        background: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: .01rem solid #E5E5E5;
        &:nth-last-of-type(1){
          border-bottom: none;
        }
        .item_r {
          font-size: .17rem;
        }
        .item_l {
          span {
            color: #000000;
            font-size: .17rem;
            width: .34rem;
            height: .24rem;
            line-height: .24rem;
            display: block;
            font-weight: bold;
          }
          time{
            color:#888888;
            font-size: .13rem;
            line-height: .18rem;
            display: block;
          }
        }
      }
      .catalogue {
        padding: 0 .25rem .14rem;
        height: .15rem;
        font-size: .18rem;
        color: #39393D;
        font-weight: bold;
        display: flex;
        align-items: center;
        i{
          display: block;
          width: .19rem;
          height: .19rem;
          background: #828282;
          background: url('../assets/img/expert/icon_shou@3x.png') center center;
          background-size: cover;
          background-repeat: no-repeat;
          border-radius: 50%;
          margin-right: .08rem;
        }
      }
      .buttonWrap {
        padding: .18rem 0 .25rem;
        button{
          display: block;
          width: 3.35rem;
          height: .47rem;
          background: #557AFF;
          color: white;
          font-size: .18rem;
          //font-weight: bold;
          border: none;
          margin: 0 auto;
          border-radius: .05rem;
        }
      }
      .myMoney {
        padding-top: .22rem;
        width: 3.75rem;
        border-top: .01rem solid #E5E5E5;
        background: white;
        height: 1.2rem;
        color: #39393D;
        font-size: .36rem;
        line-height: .36rem;
        font-weight: bold;
        text-align: center;
        box-sizing: border-box;
        .text3_0314 {
          padding-top: .12rem;
          font-size: .12rem;
          display: flex;
          justify-content: center;
          color: #888888;
          text-align: center;
          height: .12rem;
          line-height: .12rem;
        }
      }
      

    }
    
  
  }
  
</style>
